@charset "utf-8";
*{
    margin:0;
    padding:0;
}
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
@function f($fz) {
    @return $fz / 14 * 1em
}
.search{
    width: 100%;
    height: 100vh;
    background: #f1f1f1;
    position: fixed;
    top: 0;
    transform: translateX(100%);
    transition: all 1s ease-in-out;
    z-index: 9999;
    >.r_eturn{
        width: r(1246);
        margin: 0 auto;
        margin-top:r(162);
        display: flex;
        display: -webkit-flex;
        align-items: center;
        >label{
            width:r(38);

            >img{
                width:100%;
            }
        }
        >span{
            color:#000;
            font-size: 20px;
            display: inline-block;
            margin-left:r(12);
        }
    }
    >input{
        display:block;
        text-align: center;
        font-size: r(36);
        margin: 0 auto;
        margin-top:r(230);
        width: r(1246);
        height:r(121);
        border:none;
    }
    >p{
        font-size:20px;
        margin-top:r(44);
        text-align: center;
    }
}
@media only screen and (max-width: 768px) {
    .search{
        >.r_eturn{
            >label{
                width:r(80);
    
                >img{
                    width:100%;
                }
            }
        }
    }
}